import axios, { type AxiosError } from 'axios'
import { ElNotification } from 'element-plus'

// request拦截器和response拦截器通用错误处理回调函数
const errorHandler = (err: AxiosError) => {
  console.log(err);
  let message = '连接服务器失败!';
  if (err && err.response) {
    switch (err.response.status) {
      case 400:
        message = '请求错误(400)'
        break
      case 401:
        message = '未授权，请重新登录(401)'
        break
      case 403:
        message = '拒绝访问(403)'
        break
      case 404:
        message = '找不到页面(404)'
        break
      case 408:
        message = '请求超时(408)'
        break
      case 500:
        message = '服务器错误(500)'
        break
      case 501:
        message = '服务未实现(501)'
        break
      case 502:
        message = '网络错误(502)'
        break
      case 503:
        message = '服务不可用(503)'
        break
      case 504:
        message = '网络超时(504)'
        break
      default:
        message = `请求或响应出错！`
    }
  }
  ElNotification({type: 'error', title: '错误提示', message});
}

// 创建axios实例
const http = axios.create({
    //接口地址
  baseURL: import.meta.env.VITE_API_URL,
  timeout: 5000
})

// 请求拦截器
http.interceptors.request.use(config => {
  // 从本地存储中获取 'gx-token'
  const token = localStorage.getItem('gx-token')
  // 将获取到的 token 添加到请求配置的 headers 中，作为 Authorization 字段
  config['headers']['Authorization'] = 'Bearer ' + token
  // 在发送请求之前做某事
  return config
}, 
  // 请求错误时做些事
  errorHandler
)

// 响应拦截器
http.interceptors.response.use(response => {
  // 对响应数据做点什么
  return response
}, errorHandler)
export default http